:root{
    --fff:#fff;
}
.fox-button-div{
    position: relative;
    height: auto;
    width: auto;
}
.fox-button{
    display: inherit;
    border: 0;
    outline: 0;
    font-size: 18px;
    padding: 0 10px;
    cursor: pointer;
    position: relative;
    width: inherit;
}
.fox-button-warn{
    background: rgb(255,154,46);
    color: var(--fff);
}
.fox-button-danger{
    background: rgb(245,63,63);
    color: var(--fff);
}
.fox-button-success{
    background: rgb(35,195,67);
    color: var(--fff);
}
.fox-button-default{
    background: #ccc;
    color: var(--fff);
}
.fox-button-long{
    width: 100%;
}
.fox-button span{
    position: absolute;
    inset: 0;
    background: inherit;
    opacity: .5;
    cursor: not-allowed;
}

